<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>交互实战</title>

    <!-- 引入css -->
    <link rel="stylesheet" href="../css/home.css">

    <!-- 引入js -->
    <script src="../js/home.js"></script>

</head>

<body>

    <!-- 版心内容 -->
    <div class="container">
        <!-- tab选项卡 -->
        <div class="tab">
            <!-- 菜单 -->
            <ul id="tabMenu" class="tab-menu">
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
            </ul>
            <!-- 内容 -->
            <div id="tabCont" class="tab-cont">
                <p class="on">1</p>
                <p>2</p>
                <p>3</p>
                <p>4</p>
            </div>
        </div>
    

    <!-- 在线客服 -->
    <div id="online" class="online">
        <a href="#"> <span>在线咨询</span> </a>
        <a href="#"> <span>028-888888</span> </a>
        <a href="#"> <span>微信咨询</span> </a>
        <a id="rTop"> <span>回到顶部</span> </a>
    </div>

    <div class='title clearfix'>
        <a id="btn" class="fr btn">登录</a>
        <a class="fr">注册</a>
    </div>
    <!-- 模态框 -->
    <div id="box" class="box">
        <div class="modal clearfix">
            <span id="hideBtn" class="hideBtn fr">&times;</span>
            <div class="login">
                <h2>立即登录</h2>
                <p>
                    <input type="text" id='user'>
                    <img class="del-btn" id='delBtn' src="../imgs/delete.png" alt="">
                    <span id='userMsg' class='msg'></span>
                </p>
                <p>
                    <input type="password" id='eyes'>
                    <img class="eyes" id='delBtn1' src="../imgs/close.png" alt="">
                    <span id='pasMsg' class="msg"></span>
                </p>
                <p>
                    <button id='btn1'>登录</button>
                </p>
                <p>
                    还没有账号? <a href="#">立即注册</a>
                </p>
            </div>

        </div>
    </div>
</div>
</body>

</html>